<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>login</title>
		<style type="text/css">
			* {
	    padding: 0;
	    margin: 0;
	    font-family: Helvetica Neue,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
	    letter-spacing: .05em;
	}
	html {
	    height: 100%;
	}
	
	body {
	    height: 100%;
	}
	
	.container {
	    height: 100%;
	    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
	}
	
	.login-wrapper {
	    background-color: #fff;
	    width: 250px;
	    height: 500px;
	    padding: 0 50px;
	    position: relative;
	    left: 50%;
	    border-radius: 15px;
	    top:50%;
	    transform: translate(-50%,-50%);
	}
	.login-wrapper .header {
	    font-size:  30px;
	    font-weight: bold;
	    text-align: center;
	    line-height: 150px;
	}
	
	.login-wrapper .form-wrapper .input-item {
	    display: block;
	    width: 100%;
	    margin-bottom: 20px;
	    border: none;
	    padding: 10px;
	    border-bottom: 2px solid rgb(128,125,125);
	    font-size: 15px;
	    outline: none;
	}
	
	.login-wrapper .form-wrapper .input-item::placeholder {
	    text-transform: uppercase;
	}
	
	.login-wrapper .form-wrapper .btn {
	    text-align: center;
	    line-height: 25px;
	    padding: 5px;
	    margin-top: 40px;
	    background-image: linear-gradient(to right,#0057f5,#f30000);;
	    color: #fff;
	}
	.login-wrapper .form-wrapper .btn a{
		width: 100%;
		color: white;
		text-decoration-line: none;

	}	
	.login-wrapper  .msg {
	    margin-top: 25px;
	    text-align: center;
	    line-height: 22px;
	}
	
	.login-wrapper  .msg a  {
	    text-decoration-line:  none;
	    color: #a6c1ee;
	}
	.weixin-tip {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		filter: alpha(opacity=80);
		height: 100%;
		width: 100%;
		z-index: 100;
	}
	.weixin-tip img {
		text-align: center;
		width: 100%;
	}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="login-wrapper">
				<div class="header">登录跳转</div>
				<div class="form-wrapper">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由于登录状态会在12小时后失效,因此请您点击下面的登录按钮调转到APP登录
					<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;登录成功后, 请返回公众号查看是否开始工作, 如未开始,请手动启动.
					<div class="btn"><a id="shortcut">跳转XUEXI APP登录</a></div>
				</div>
				<div class="msg">由于微信无法跳转APP, 如果在微信打开本网页, 请在右上角跳转到默认浏览器打开本网页.</div>
			</div>
		</div>
		<div class="weixin-tip" id="weixin-tip">			
			<img src=""
				alt="微信打开" />
			
		</div>
		<script type="text/javascript">
                window.onload = function () {
                    var winHeight = document.body.clientHeight;
                    function is_weixin() {
                        var ua = navigator.userAgent.toLowerCase();
                        if (ua.match(/MicroMessenger/i) == "micromessenger") {
                            return true;
                        } else {
                            return false;
                        }
                    }
                    var isWeixin = is_weixin();
                    if (isWeixin) {
	                    var weixin = document.getElementById("weixin-tip");
	                    weixin.setAttribute('height', winHeight);
	                    weixin.style.display = "block"; 
                    }else{
	                    window.location.href = 'dtxuexi://appclient/page/study_feeds' + window.location.search;
                    }
                    document.getElementById("shortcut").setAttribute("href",'dtxuexi://appclient/page/study_feeds' + window.location.search);
                }
            </script>
	</body>
</html>